.FuleScrollMore {
  background-color: #fff;
  position: relative;
  padding: 20px 20px;
  &-scroll {
    overflow-x: auto;
    overflow-y: hidden;
  }

  &-main {
    display: flex;
    padding-bottom: 8px;
    // margin-right: 1px; //bug优化
  }

  &-action {
    &__prev,
    &__next {
      position: absolute;
      top: 20px;
      bottom: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      cursor: pointer;
      width: 70px;
    }

    &__prev {
      background: linear-gradient(
        270deg,
        rgba(243, 246, 248, 0) 0%,
        #fff 65.1%
      );
      left: 10px;
      justify-content: flex-start;

      .fl-icon {
        transform: rotate(180deg);
      }
    }

    &__next {
      right: 10px;
      background: linear-gradient(90deg, rgba(243, 246, 248, 0) 0%, #fff 65.1%);
    }

    &__prev:hover,
    &__next:hover {
      .fl-icon {
        color: #0068ed;
      }
    }
  }
}
// fl-media
.FuleScrollMore {
  .fl-media {
    &__img {
      height: 40px;
    }

    &__info {
      margin: 0;
      width: 100%;

      &-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        padding-top: 12px;
      }
    }
  }
}
